<template>
    <div class="AgreementLayout">
        <!-- 面包屑导航栏 -->
        <Breadcrumb></Breadcrumb>
        <!-- 标题 -->
        <Title>
            <template #default>{{ title }}</template>
        </Title>
        <!-- 内容区 -->
        <section class="contentLayout">
          <div class="texts">
            <TextEditor v-model="text" />
          </div>
         <div class="AllBtn">
           <el-button type="success" @click="reset">重置</el-button>
           <el-button type="primary" @click="preserve">保存</el-button>
         </div>
        </section>
    </div>
</template>
    
<script setup>
import {ref} from "vue";
import Title from "@/components/public/Title";
import Breadcrumb from "components/public/breadcrumb";
import { useRoute } from "vue-router";
import TextEditor from "@/components/public/TextEditor.vue";

const route = useRoute();
const title = route.meta.title;

const text=ref('<p>为明确甲方（客户）和乙方（中信银行）的权利和义务， ' +
    '规范双方业务行为，双方本着平等互利的原则，就电子银行 服务相关事宜达成本协议。</p>' +
    '<p>第一条 定义 下列用语在本协议中的含义为： “电子银行服务”指乙方通过面向社会公' +
    '众开放通讯通 道或开放型公众网络、为特定自助服务设施或客户建立专用网络等方式，' +
    '为甲方提供的电子银行服务，包括网上银行、 手机银行、金融门户、电话银行、电子商务、直销银行服务 等。</p>'+
'<p>各方式的服务内容主要包括电子账户开立、用户管理、 账户管理、转账支付、投资理财、缴费、信用卡管理、贷款 管理、客户服务等。' +
    '不同方式提供的服务内容有所区别，具 体以各方式实际提供的服务为准。 “电子银行个人客户”指使用电子银行服务的用户统称， 即本协议甲方。' +
    ' “密码”指客户自行设定并用于验证客户身份的字符信 息。 </p>')

const reset = () => {
  
}
const preserve = () => {
  
}

</script>
    
<style lang="scss" scoped>
.AgreementLayout {
      .contentLayout {
        padding: 0;
        border: none;
        .AllBtn{
          margin-top: 20px;
        }
    }
}
</style>